import { reactive } from "vue";

const Chart = reactive({
  curNow: 0,
  tablist: [
    {
      title: "日",
      value: 1,
    },
    {
      title: "月",
      value: 2,
    },
    {
      title: "年",
      value: 3,
    },
  ],
  chartData: {},
  //您可以通过修改 config-ucharts.js 文件中下标为 ['pie'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
  opts: {
    color: ["#2478f2", "#5f9cf8", "#84b7f9", "#aad0fb", "#cee5fc"],
    padding: [5, 5, 5, 5],
    enableScroll: false,
    extra: {
      pie: {
        activeOpacity: 0.5,
        activeRadius: 10,
        offsetAngle: 0,
        labelWidth: 15,
        border: false,
        borderWidth: 3,
        borderColor: "#FFFFFF",
      },
    },
  },
});

const getChartData = (data: any) => {
    //模拟从服务器获取数据时的延时
    setTimeout(() => {
      //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
      let res = {
        series: [
          {
            data: [
              { name: "非会员", value: 50 },
              { name: "会员", value: 30 },
            ],
          },
        ],
      };
      Chart.chartData = JSON.parse(JSON.stringify(res));
    }, 500);
};

export default {
  Chart,
  getChartData,
};
